@import "./ml";
@import "./mt";
@import "./mb";
@import './transition.scss';

body {
    background-color: #ffffff;
}

blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
    margin: 0;
    padding: 0
}

span {
    font-size: 14px;
}

a {
    cursor: pointer;
}

li {
    list-style: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.danger {
    color: #F56C6C;
}

// 显示信息内,有字母时,自动换行
.el-message {
    word-break: break-all
}

.el-table .cell {
    font-size: 14px;
}

.el-dialog__body {
    padding: 0 20px 20px 20px;
}

.el-menu-item-group__title {
    padding: 0;
}

//处理elementUI表头和表格错位问题
.el-table td.gutter, .el-table th.gutter {
    display: block !important;
}

.el-table--border th {
    color: #333;
    background: #ecf0fd;
    border-right: 1px solid #eee;
    font-weight: 100;
}

.el-table {
    .el-radio__label {
        display: none;
    }
}

.el-table .warning-row {
    background: #f8d7d1;
}
.el-table .select-row{
    background: #409eff;
}

.el-form-item {
    .el-select {
        width: 188px;
    }
    .el-date-editor {
        width: 188px;
    }
    .el-autocomplete {
        width: 188px;
    }
}

.el-input-number.is-without-controls .el-input__inner {
    text-align: left;
}

.flexCenter {
    width: 100%;
    display: flex;
    justify-content: center;
    .el-form-item__content {
        width: 100%;
    }
}

.el-form-item.is-success .el-input__inner,
.el-form-item.is-success .el-input__inner:focus,
.el-form-item.is-success .el-textarea__inner,
.el-form-item.is-success .el-textarea__inner:focus {
    border: 1px solid #d8dce5 !important;
}

.customFormWidth {
    width: 100%;
    .el-form-item__content {
        width: 60%;
    }
}

.customFormBankWidth {
    width: 100%;
    .el-form-item__content {
        width: 80%;
    }
}

.form-checkbox {
    display: flex;
    flex-wrap: wrap;
    .el-form-item__content {
        width: 600px;
    }
    .el-checkbox {
        margin-right: 30px;
        margin-left: 0;
    }
}

.el-input__suffix .el-icon-error {
    cursor: pointer;
}

.el-card__header {
    background-color: #ecf0fd;
}

.card-btn {
    border: 1px solid #409eff;
    color: #409eff;
}

.el-dropdown {
    cursor: pointer;
}

.el-table--border th {
    background: #d7ebf9  !important;
    // height: 34px;
    height: 42px;
}

.el-table--border tr th {
    color: #2779aa;
    font-weight: 500;
    padding: 16px 0;
}

.text-btn {
    color: #409EFF;
    font-size: 14px;
    cursor: pointer;
    // font-weight: 500;
    border: none;
    background: transparent;
    outline: none;
    &:hover {
        color: #66b1ff;
    }
    &.disabled {
        cursor: not-allowed;
        color: #c0c4cc;
    }
}

.page-title {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, .85);
}

.desc-list {
    margin-bottom: 20px;
    padding-bottom: 16px;
    .header {
        color: rgba(0, 0, 0, .85);
        font-weight: 500;
        margin-bottom: 16px;
        font-size: 16px;
    }
    .term {
        line-height: 20px;
        padding-bottom: 12px;
        margin-right: 8px;
        color: rgba(0, 0, 0, .85);
        white-space: nowrap;
        display: table-cell;
        font-size: 14px;
        &:after {
            content: ":";
            margin: 0 8px 0 2px;
            position: relative;
            top: -.5px;
        }
    }
    .detail {
        line-height: 22px;
        width: 100%;
        padding-bottom: 16px;
        color: rgba(0, 0, 0, .65);
        display: table-cell;
        font-size: 14px;
    }
}

.divider {
    margin-top: 12px;
    display: block;
    height: 1px;
    width: 100%;
    clear: both;
    background: #e8e8e8;
}

.handle ul li {
    cursor: pointer;
}

/*.handle ul li:hover {*/
/*background-color: #f9f9f9;*/
/*}*/
/*点击新增,修改图标为 点击新增 icon-xinzengdianji*/
.handle ul li:active .icon-xinzeng:before {
    content: "\e656";
}

/*点击chaxun,修改图标为 点击查询 icon-chaxundianji*/
.handle ul li:active .icon-chaxun:before {
    content: "\e637";
}

.handle ul li:active .icon-xitong:before {
    content: "\e65e";
}

.handle ul li:active .icon-denglu:before {
    content: "\e639";
}

.handle ul li:active .icon-jiekou:before {
    content: "\e646";
}

.handle ul li:active .icon-yewu:before {
    content: "\e65b";
}

.handle ul li:active .icon-fajian:before {
    content: "\e645";
}

.table-width-100 {
    width: 100px;
}

.form-input-width {
    width: 900px;
    padding-left: 35px;
}

//.table-input-width{
//    .cell{
//        width: 120px;
//    }
//}
.title-line {
    display: block;
    position: relative;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 600;
}

.title-line::before {
    content: "";
    position: absolute;
    background: #409eff;
    width: 2px;
    height: 100%;
    left: 0px;
}

.el-table--border tr th {
    padding: 4px 0;
}

.alert-color {
    background-color: #c6e2ff;
    color: #409EFF;
}

.border-line-dashed {
    border-bottom: 1px dashed #ddd;
}

.print-form {
    .el-form-item__label {
        padding: 0;
    }
    .el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label {
        font-size: 12px;
    }
}

.detail-form {
    padding: 6px 0;
    .el-row {
        .el-col {
            .el-form-item {
                margin-bottom: 0px !important;
            }
        }
    }
}

.close-contrast-box-card {
    width: 48%;
    margin-top: 15px;
    float: left;
    .el-card__body {
        padding: 10px !important;
        .contrast-text {
            display: flex;
            justify-content: space-between;
            align-items: center;
            .contrast-type {
                padding: 10px 0;
                width: 85px;
                text-align: center;
            }
            .total {
                background: #eefbfe;
                color: #03a9f3;
            }
            .O {
                background: #f7f5fe;
                color: #9677cd;
            }
            .I {
                background: #fdf2f1;
                color: #fe6493;
            }
            .change {
                background: #edfee9;
                color: #66bb6a;
            }
            span {
                color: #409eff;
                margin-left: 10px;
            }
            .difference {
                color: #ff0000;
                margin-left: 10px;
            }
        }
    }
}

.print-flex {
    display: flex;
}

.print-warp {
    display: flex;
    flex-wrap: wrap;
}

.page-next {
    page-break-after: always;
}

.print-table {
    .el-table .cell {
        font-size: 12px;
    }
}

.yard-detail-form {
    .el-form-item__label {
        padding: 0;
    }
}

.el-tooltip__popper.is-dark {
    max-width: 500px;
}

.detail-form-more {
    .el-form-item__content {

        width: 80%;
    }
}

.detail-form-lit {
    .el-form-item__content {
        max-width: 60%;
        min-height: 50px;
    }
}

.detail-form-pic {
    .el-form-item__content {

        width: 900px;
    }
}

.wl-login-form {
    .el-input--prefix .el-input__inner {
        padding-left: 45px;
    }
    .el-input__prefix {
        left: 15px;
    }
    .el-input--small .el-input__inner {
        height: 54px;
        line-height: 54px;
        background: #f3f3f3;
        font-size: 16px;
    }
    .el-input--small .el-input__icon {
        font-size: 21px;
    }
    .el-button {
        span {
            font-size: 18px;
        }
    }
}

.setPrint {
    .el-table__header-wrapper {
        .el-table__header {
            .has-gutter {
                th {
                    .cell {
                        font-size: 8px;
                        padding: 0px;
                        text-align: center;
                    }

                }
            }
            .el-table--border tr th {
                font-size: 8px;
            }
        }

    }
    .el-table__body-wrapper {
        .el-table__body {
            td {
                padding: 0px;
                text-align: center;
                div{
                    font-size: 8px;
                }
            }
        }
    }
    .el-table .cell{
        font-size: 8px;
    }
}
